<template>
	<div id="footer">
		<!-- <h3>footer</h3> -->
		<van-tabbar v-model="active" class="box">
			<router-link tag='li' to="/home"><van-tabbar-item icon="home-o">首页</van-tabbar-item></router-link>
			<router-link tag='li' to="/flowerlist"><van-tabbar-item icon="flower-o">鲜花</van-tabbar-item></router-link>
			<router-link tag='li' to="/cart"><van-tabbar-item icon="cart-o">购物车</van-tabbar-item></router-link>
			<router-link tag='li' to="/user"><van-tabbar-item icon="friends-o">我的</van-tabbar-item></router-link>
		</van-tabbar>
	</div>
</template>

<script>
	
	
	export default {
		name:'v-footer',
		data(){
			return {
				active: 0,
			}
		},
		methods:{},
		computed:{}
	}
	
</script>

<style scoped>
	#footer .box{
		display: flex;
		align-content: space-between;
		justify-content: space-around;
		/* padding-top: 10px; */
		}
</style>
